<template>
	<view class="lower u-p-l-22 u-p-r-46">
		<scroll-view scroll-y="true" @scrolltolower="lower" class="scroll-y">
			<template v-if="list.length > 0">
				<view class="d u-flex u-p-t-12 u-p-b-18" v-for="item in list">
					<avatar-image width="73" :url="item.avatar_url"></avatar-image>
					<view class="u-flex-col u-font-20 u-m-l-10">
						<view class="u-flex u-m-b-12">
							<text class="u-font-24 u-m-r-18">{{item.nick_name}}</text>
							<view class="u-font-22 level">
								<text>{{item.grade_id}}</text>
							</view>
						</view>
						<text>{{item.create_time}}</text>
					</view>
				</view>
			</template>
			<template v-else>
				<u-empty text="记录为空" mode="list" :margin-top="60"></u-empty>
			</template>
		</scroll-view>
	</view>
</template>

<script>
	import AvatarImage from '@/components/avatar-image'
	export default {
		components: {
			AvatarImage
		},
		props: {
			typeNum: {
				type: Number,
				default: -1
			},
			list: {
				type: Array,
				default () {
					return []
				}
			}
		},
		mounted() {
			
		},
		methods: {
			lower() {
				this.$emit('lower')
			},
		}
	}
</script>

<style lang="scss" scoped>
	.lower {
		.d {
			border-bottom: 2upx solid #F5F5F5;
		}
	}

	.col65 {
		color: #656565;
	}

	.col86 {
		color: #868686;
	}

	.level {
		background: #947349;
		border-radius: 9upx;
		padding: 4upx 20upx;
		color: #FFFFFF;
	}
</style>
